import React from 'react'
import { Tabbar } from 'react-vant'
import { ServiceO, HomeO, OrdersO, SettingO } from '@react-vant/icons'
import { NavLink, Outlet } from 'react-router-dom'
export default () => {
    return (
        <div className='home'>

            <main><Outlet></Outlet></main>
            <footer>
                <Tabbar>
                    <Tabbar.Item icon={<HomeO />}><NavLink to={'/index/home'}>首页</NavLink></Tabbar.Item>
                    <Tabbar.Item icon={<OrdersO />}><NavLink to={'/index/classfiy'}>订单</NavLink></Tabbar.Item>
                    <Tabbar.Item icon={<ServiceO />}><NavLink to={'/index/cart'}>客服</NavLink></Tabbar.Item>
                    <Tabbar.Item icon={<SettingO />}><NavLink to={'/index/my'}>我的</NavLink></Tabbar.Item>
                </Tabbar>
            </footer>

        </div>
    )
}
